<template>
    <ul class="blocklist">
        <li v-for="(item,index) in list" :key="index">
            <BlockItem :duration='duration' :info='item'></BlockItem>
        </li>
    </ul>
</template>

<script>
import BlockItem from './BlockItem'
export default {
    props:['list','duration'],
    components:{
        BlockItem
    }
}
</script>
<style lang="less" scoped>
.blocklist{
    display: flex;
    flex-wrap: wrap;
    padding: 0.7rem 0.8rem;
    justify-content: space-between;
}
</style>